<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://displaytag.sf.net/el" prefix="tb"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title>
<script type="text/javascript">
	document.getElementById("tbAmbiente").onclick = function(e) {
		if (!e)
			e = window.event;
		if (!e.target)
			e.target = e.srcElement;
		var TR = e.target;
		while (TR.nodeType == 1 && TR.tagName.toUpperCase() != "TR")
			TR = TR.parentNode;
		var celdas = TR.getElementsByTagName("TD");
		if (celdas.length != 0)
			document.getElementById('txtcodigoambiente').value = celdas[0].innerHTML;
		document.getElementById('txtcapacidad').value = celdas[1].innerHTML;
		document.getElementById('tipoambselect').value = celdas[3].innerHTML;
		agregafilita();
	};

	function obtenerambientebuscado() {
		document.getElementById("codamb").value = document
				.getElementById("txtcodigoambiente").value;
	}
</script>
</head>
<body>
	<form>
	<input type="hidden" id="tipoambselect">
		<table>
			<tr>
				<td>
					<div id="panelFiltrobamb">
						<h6>Filtros</h6>
						<table width="100%">
							<tr>
								<td align="right"><label for="cbotipoambiente">TipoAmbiente</label></td>
								<td>
								<select id="cbotipoambiente">
										<option value="">--Seleccione--</option>
										<option value="1">Aula</option>
										<option value="2">Laboratorio</option>
								</select></td>
							</tr>
						</table>

					</div>
				</td>
			</tr>
			<tr>
				<td>
					<button type="button" id="btnBuscarambiente"
						onclick="cargarAmbientesBuscarFiltro();">Buscar</button>
				</td>
			</tr>
			<tr>
				<td>
					<div id="panelambientebuscado">
						<h6>Ambiente seleccionado</h6>
						<table width="100%">
							<tr>
								<td><label for="txtcodigoambiente">Codigo</label></td>
								<td><input type="text" id="txtcodigoambiente"
									disabled="disabled" /></td>
							</tr>
							<tr>
								<td><label for="txtcapacidad">Capacidad</label></td>
								<td><input type="text" id="txtcapacidad"
									disabled="disabled" /></td>
							</tr>
						</table>
					</div>
				</td>
			</tr>
		</table>
	</form>

	<tb:table id="tbAmbiente"
		name='<%=session.getAttribute("ListaAmbientes")%>'
		style="padding-left: 20px">
		<tb:column property="codigo" title="Codigo" />
		<tb:column property="capacidad" title="Capacidad" />
		<tb:column title="acciones">
			<input type="button" value="Seleccionar" id="seleccionambiente" />
		</tb:column>
		<tb:column property="tipo" title="" style="display:none;"/>
	</tb:table>

	<table width="100%" style="padding-top: 70px">
		<tr>
			<td align="left"><button type="button"
					id="btnaceptarbusquedaambiente" onclick="obtenerambientebuscado();">Aceptar</button></td>
			<td align="right"><button type="button"
					id="btncancelarbusquedaambiente">Cancelar</button></td>
		</tr>
	</table>

	<jsp:include page="ui/ui.jsp"></jsp:include>

</body>
</html>